<!DOCTYPE html>
<html lang="en" xmlns:v-bind="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="../js/vue.js"></script>
</head>
<body>
    <div id="div">
        <!--单项数据绑定-->
        <!--<input type="text" v-bind:value="input_val">-->
        <!--双向数据绑定-->
        <!--<input type="text" v-model="input_val">-->

        <!--<input type="text" v-model="input_val">-->
        <!--{{input_val}}-->

        <!--<textarea v-model="textVal"></textarea>-->
        <!--<div>{{textVal}}</div>-->

        <!--吃饭：<input type="checkbox" value="eat" v-model="check"> <br>-->
        <!--睡觉：<input type="checkbox" value="sleep" v-model="check"><br>-->
        <!--玩耍：<input type="checkbox" value="play" v-model="check"><br>-->
        <!--{{check}}-->

        <!--男：<input type="radio" value="男" v-model="sex"> <br>-->
        <!--女：<input type="radio" value="女" v-model="sex"> <br>-->
        <!--{{sex}}-->

        <!--<input type="text" v-model.lazy="input_val"> <br>-->
        <!--<input type="text" v-model.trim="input_val"> <br>-->
        <input type="text" v-model.number="input_val"> <br>
        {{input_val}}


    </div>
</body>
<script>
    var vue = new Vue({
        el:"#div",
        data:{
           input_val:""
//            textVal:""
//            check:[]
//            sex:""
        }

    });


</script>
</html>